<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <title>class 选择器测试</title>
  <style type="text/css">
  /* 对所有 class 为myclass的元素都起作用的 css 样式 */
  .myclass {
    width:240px;
    height:40px;
    background-color:#dddddd;
  }
  /* 对 class 为 myclass 的div元素起作用的css样式 */
  div.myclass {
    border: 2px dotted black;
    background-color:#888888;
  }
  </style>
</head>
<body>
  <div class="myclass">class属性为myclass的div元素</div>
  <p class="myclass">class属性为myclass的p元素</p>
</body>
</html>
